<!DOCTYPE html>
<html lang="en">

<head>
    <!-- media-queries.js -->
    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    <!-- html5.js -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <title>MODDERFONTEIN 规划说明</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="main/font/stylesheet.css" rel="stylesheet" type="text/css" />
    <link href="data:text/css;charset=utf-8," data-href="http://cdn.bootcss.com/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">
    <link href="main/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="main/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="main/css/styles.css" rel="stylesheet" type="text/css" />
    <link href="main/index/css/style.css" type="text/css" rel="stylesheet" />
    <link href="main/index/css/headeraddfooter.css" type="text/css" rel="stylesheet" />
    <link href="main/index/css/js-leaf-hero.css" rel="stylesheet" type="text/css" />
    <link href="main/index/css/index.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    #nav-list li a,
    #nav-list2 li a {
        height: 60px;
        margin: 0;
        padding: 0;
    }
    #nav-list li a img {
        margin-top: 20px;
        margin-bottom: 23px;
        height: 17px
    }
    #nav-list2 li a img {
        margin-top: 21px;
        margin-bottom: 22px;
        height: 17px
    }
    #nav-list li {
        padding: 0 0 0 15px;
    }
    #nav-list2 li {
        padding: 0 0 0 20px;
    }
    .lrstyle {
        margin-left: 8.33333333%;
        margin-right: 8.33333333%
    }
    @media (min-width: 1000px) {
        .lrstyle {
            margin-left: 10px;
            margin-right: 0
        }
    }
    @media (min-width: 1200px) {
        .lrstyle {
            margin-left: 8.33333333%;
            margin-right: 8.33333333%;
        }
    }
    </style>
</head>

<body>
    <!--导航开始-->
    <div class="navbar navbar-fixed-top" style="height:60px">
        <div class="navbar-inner" style="background-image: url(http://antownimg.b0.upaiyun.com/newmdf/nindex/heng.png);height:60px">

            <!-- <div class="container">-->
            <div class="lrstyle" style="height:60px;">

                <a class="brand pull-left" style="padding:0;margin-left:-40px;margin-top:5px;" href="http://www.zendai.com" target="_blank">
                    <img src=" http://antownimg.b0.upaiyun.com/newmdf/nindex/logo_01.png">
                </a>
                <a class="brand pull-left" style="padding:0;margin-left:10px;margin-top:6px;" href="index.html">
                    <img src=" http://antownimg.b0.upaiyun.com/newmdf/nindex/logo_02.png">
                </a>
                <a class="brand pull-left" style="padding:0;margin-left:15px;margin-top:8px;" href="guihua.html" target="_blank">
                    <img src=" http://antownimg.b0.upaiyun.com/newmdf/nindex/logo_03.png">
                </a>
                <ul id="nav-list2" class="nav" style="height:60px; float:right">
                    <li>
                        <a href="guihua.html">
                            <img src="http://antownimg.b0.upaiyun.com/newmdf/nindex/emap.png" style="margin-left:-15px" />
                        </a>
                    </li>
                    <li>
                        <a href="#" onclick="changelanguage();setllanguage(); " id="planguage">
                            <img src="http://antownimg.b0.upaiyun.com/newmdf/nindex/english.png" style="margin-left:-25px" />
                            <!-- img src='http://antownimg.b0.upaiyun.com/newmdf/nindex//english.png' -->
                        </a>
                    </li>
                </ul>
                <ul id="nav-list" class="nav" style="height:60px;float:right; ">
                    <li>
                        <a href="main/subpage/newqwbj.html" id="menu_qwbj">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/qwbj.png' click="http://antownimg.b0.upaiyun.com/newmdf/nindex//enqwbj.png">
                        </a>
                    </li>
                    <li>
                        <a href="main/subpage/newghdw.html" id="menu_ghdw">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/ghdw.png'>
                        </a>
                    </li>
                    <li>
                        <a href="main/subpage/newghln.html" id="menu_ghln">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/ghln.png'>
                        </a>
                    </li>
                    <li>
                        <a href="main/subpage/newcygh.html" id="menu_cygh">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/cygh.png'>
                        </a>
                    </li>
                    <li>
                        <a href="main/subpage/newcssj.html" id="menu_cssj">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/cssj.png'>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--导航结束-->
    <!--内容区域开始-->
    <!--banner begin-->

    <div id="banner" style="margin-top:45px;margin-bottom:20px;">
        <div id="preview-content-head">
            <div id="preview-slider">
                <div id="preview-slide-1">
                    <a href="#">
                        <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/b7.png' alt="" height='400' width='100%' ;/>
                    </a>
                </div>
                <div id="preview-slide-2" class="preview-hide">
                    <a href="#">
                        <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/b6.png' alt="" height='400' width='100%' ;/>
                    </a>
                </div>
                <div id="preview-slide-3" class="preview-hide">
                    <a href="#">
                        <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/b5.png' alt="" height='400' width='100%' />
                    </a>
                </div>
                <div id="preview-slide-4" class="preview-hide">
                    <a href="#">
                        <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/b4.png' alt="" height='400' width='100%' />
                    </a>
                </div>
                <div id="preview-slide-5" class="preview-hide">
                    <a href="#">
                        <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/back2.jpg' alt="" height='400' width='100%' />
                    </a>
                </div>
                <div id="preview-slide-6" class="preview-hide">
                    <a href="#">
                        <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/b1.png' alt="" height='400' width='100%' />
                    </a>
                </div>

                <div id="preview-slider-line">
                    <ul id="preview-slider-holder">
                        <li class="preview-first">
                            <div class="preview-slider-thumbnail">
                                <a href="javascript:void(0);">
                                    <img src='http://antownimg.b0.upaiyun.com/tupian_module/index/1/2thub.png' alt="" width='59' height='43' id='preview-thumbnail-im1' />
                                </a>
                            </div>
                        </li>
                        <li class="preview-second">
                            <div class="preview-slider-thumbnail">
                                <a href="javascript:void(0);">
                                    <img src='http://antownimg.b0.upaiyun.com/tupian_module/index/1/5thub.png' alt="" width='59' height='43' id='preview-thumbnail-im2' />
                                </a>
                            </div>
                        </li>
                        <li class="preview-third">
                            <div class="preview-slider-thumbnail">
                                <a href="javascript:void(0);">
                                    <img src='http://antownimg.b0.upaiyun.com/tupian_module/index/1/123thub.png' alt="" width='59' height='43' id='preview-thumbnail-im3' />
                                </a>
                            </div>
                        </li>
                        <li class="preview-forth">
                            <div class="preview-slider-thumbnail">
                                <a href="javascript:void(0);">
                                    <img src='http://antownimg.b0.upaiyun.com/tupian_module/index/1/1234thub.png' alt="" width='59' height='43' id='preview-thumbnail-im4' />
                                </a>
                            </div>
                        </li>
                        <li class="preview-five">
                            <div class="preview-slider-thumbnail">
                                <a href="javascript:void(0);">
                                    <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/5.png' alt="" width='59' height='43' id='preview-thumbnail-im5' />
                                </a>
                            </div>
                        </li>
                        <li class="preview-six">
                            <div class="preview-slider-thumbnail">
                                <a href="javascript:void(0);">
                                    <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/6.png' alt="" width='59' height='43' id='preview-thumbnail-im6' />
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--banner end-->
    <div class="index">
        <div class="index_web_body">
            <div class="one">
                <a href="main/subpage/newqwbj.html">
                    <img id="img_qwbj" src="http://antownimg.b0.upaiyun.com/tupian_module/index/qwbj.jpg" border="0" />
                </a>
            </div>
            <div class="two">
                <a href="main/subpage/newghdw.html">
                    <img id="img_ghdw" src="http://antownimg.b0.upaiyun.com/tupian_module/index/ghdw.jpg" border="0" />
                </a>
            </div>
            <div class="three">
                <a href="main/subpage/newghln.html">
                    <img id="img_ghln" src="http://antownimg.b0.upaiyun.com/tupian_module/index/ghln.jpg" border="0" />
                </a>
            </div>
        </div>
        <div class="index_web_body">
            <div class="one">
                <a href="main/subpage/newcygh.html">
                    <img id="img_cygh" src="http://antownimg.b0.upaiyun.com/tupian_module/index/cygh.jpg" border="0" />
                </a>
            </div>
            <div class="two">
                <a href="main/subpage/newcssj.html">
                    <img id="img_cssj" src="http://antownimg.b0.upaiyun.com/tupian_module/index/cssj.jpg" border="0" />
                </a>
            </div>
            <div class="three">
                <a href="guihua.html">
                    <img src="http://antownimg.b0.upaiyun.com/tupian_module/index/emap.jpg" border="0" />
                </a>
            </div>
        </div>
    </div>


    <footer id="footer">
        <!--  <div class="container-fluid"> -->
        <div class="container">
            <div class="row info">
                <div class="col-sm-5 residence">
                    <ul>
                        <li> <a id="f1" href="main/subpage/newqwbj.html">区位背景</a>┊
                        </li>
                        <li> <a id="f2" href="main/subpage/newghdw.html">规划定位   </a>┊
                        </li>
                        <li><a id="f3" href="main/subpage/newghln.html">规划理念  </a>┊</li>
                        <li><a id="f4" href="main/subpage/newcygh.html">产业规划   </a>┊</li>
                        <li><a id="f5" href="main/subpage/newcssj.html">城市设计   </a>┊</li>
                        <li><a href="guihua.html">emap</a>
                        </li>
                    </ul>
                </div>
                <div id="f6" class="col-sm-7 touch ">
                    Copyright 2014 MODDERFONTEIN All Rights Reserved
                </div>
            </div>
        </div>
    </footer>

    <!--内容区域结束-->
    <script src="main/subpage/Scripts/cookie.js" type="text/javascript"></script>

    <script src="main/js/jquery.min.js" type="text/javascript"></script>
    <script src="main/index/js/index.js" type="text/javascript"></script>
    <script src="main/index/js/js-leaf-hero.js"></script>

    <script type="text/javascript">
    var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
    initpage(pagelanguage);
    </script>
    <script type="text/javascript">
    var pagelanguage = "zh-CN";
    setCookie("pagelanguage", "zh-CN");

    (function($) {

        $(document).ready(function() {
            pagelanguage = getCookie("pagelanguage");
            if ($("ul#nav-list>li>a")) {
                $("ul#nav-list>li>a").each(function(index, obj) {
                    var href = obj.href.split('?')[0]
                    obj.href = href + "?lan=" + pagelanguage;
                })
            }
            if ($("div>div>a")) {
                $("div>div>a").each(function(index, obj) {
                    var href = obj.href.split('?')[0]
                    obj.href = href + "?lan=" + pagelanguage;
                })
            }
        })

    })(jQuery)

    function setCookie(name, value) {
        var Days = 30;
        var exp = new Date();
        exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
    }

    function getCookie(name) {
        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
        if (arr = document.cookie.match(reg)) return unescape(arr[2]);
        else return null;
    }

    function setllanguage(pagelanguage) {


        var f1, f2, f3, f4, f5; // main_title, main_dlwz, main_lsbj, main_fzml ,
        if (pagelanguage == "en") {
            // f1 = "<font style='font-family:宋体;'size='2px'>Context</font>";
            planguage = "<h2>区位背景</h2>";

        } else {

            planguage = "cont";
        }
        //$("#f1").html(f1);


        jQuery("#planguage").attr(planguage);
    };

    function changelanguage() {
        pagelanguage = getCookie("pagelanguage")
        if (pagelanguage == "zh-CN") {
            setCookie("pagelanguage", "en");
            $("a#planguage>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/hanzi.png')
            $("a#menu_qwbj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enqwbj.png')
            $("a#menu_ghdw>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enghdw.png')
            $("a#menu_ghln>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enghln.png')
            $("a#menu_cygh>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/encygh.png')
            $("a#menu_cssj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/encssj.png')
            $("img#img_qwbj").attr('src', "http://antownimg.b0.upaiyun.com/tupian_module/index/Context.jpg");
            $("img#img_ghdw").attr('src', "http://antownimg.b0.upaiyun.com/tupian_module/index/Positioning.jpg");
            $("img#img_ghln").attr('src', "http://antownimg.b0.upaiyun.com/tupian_module/index/Concept.jpg");
            $("img#img_cygh").attr('src', "http://antownimg.b0.upaiyun.com/tupian_module/index/Industry.jpg");
            $("img#img_cssj").attr('src', "http://antownimg.b0.upaiyun.com/tupian_module/index/Design.jpg");

            $("#f1").html("Context");
            $("#f2").html("Positioning");
            $("#f3").html("Concept");
            $("#f4").html("Industry");
            $("#f5").html("Design");
            $("#f6").html("Copyright 2014 MODDERFONTEIN All Rights Reserved ");


        } else {
            setCookie("pagelanguage", "zh-CN");
            $("a#planguage>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/english.png')
            $("a#menu_qwbj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/qwbj.png')
            $("a#menu_ghdw>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/ghdw.png')
            $("a#menu_ghln>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/ghln.png')
            $("a#menu_cygh>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/cygh.png')
            $("a#menu_cssj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/cssj.png')
            $("img#img_qwbj").attr('src', "http://antownimg.b0.upaiyun.com/tupian_module/index/qwbj.jpg");
            $("img#img_ghdw").attr('src', "http://antownimg.b0.upaiyun.com/tupian_module/index/ghdw.jpg");
            $("img#img_ghln").attr('src', "http://antownimg.b0.upaiyun.com/tupian_module/index/ghln.jpg");
            $("img#img_cygh").attr('src', "http://antownimg.b0.upaiyun.com/tupian_module/index/cygh.jpg");
            $("img#img_cssj").attr('src', "http://antownimg.b0.upaiyun.com/tupian_module/index/cssj.jpg");
            $("#f1").html("区位背景");
            $("#f2").html("规划定位");
            $("#f3").html("规划理念");
            $("#f4").html("产业规划");
            $("#f5").html("城市设计");
            $("#f6").html("Copyright 2014 MODDERFONTEIN All Rights Reserved");

        }
        pagelanguage = getCookie("pagelanguage");
        if ($("ul#nav-list>li>a")) {
            $("ul#nav-list>li>a").each(function(index, obj) {
                var href = obj.href.split('?')[0]
                obj.href = href + "?lan=" + pagelanguage;
            })
        }
        if ($("div>div>a")) {
            $("div>div>a").each(function(index, obj) {
                var href = obj.href.split('?')[0]
                obj.href = href + "?lan=" + pagelanguage;
            })
        }
    }
    </script>

</body>

</html>
